<template>
	<view class="ff-text-center ff-width-100 noData">
		<image src="https://fire-system.oss-cn-beijing.aliyuncs.com/web/fire-technology/noneInfo.png" class="noDataImg"
			:style="{paddingTop: topStyle}"></image>
		<!-- :class="{ topStyle: topStyle }" -->
		<view class="ff-font-16 ff-margin-15 ff-color-gray">暂无内容</view>
	</view>
</template>

<script>
	export default {
		name: 'noData',
		props: ['topStyle']
	};
</script>

<style lang="scss" scoped>
	.noData {
		width: 500rpx;
		height: 500rpx;
		position: absolute;
		top: 55%;
		left: 50%;
		margin-left: -250rpx;
		margin-top: -250rpx;
		// z-index: -1;
	}

	// .topStyle {
	// 	padding-top: 38%;
	// }
	.noDataImg {
		width: 250rpx;
		height: 270rpx;
	}
</style>